<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" href="css/can.css" />
		<link rel="stylesheet" href="css/reset.css" />
		<script type="text/javascript" src="../Resources/flexible.debug.js" ></script>
		<script type="text/javascript" src="../Resources/artTemplate.js" ></script>
		<script type="text/javascript" src="../Resources/jquery.js" ></script>
	</head>
	<body>
		<header class="head">
			<span><img src="imgs/images/da_03.png"/></span>
			<span>搭配</span>
			<span><img src="imgs/images/da_05.png"/></span>
		</header>
		
		<div class="aihao">
			<ul class="twtw">
				
			</ul>
	    </div>
		
		
		<section class="two">
			<p>搭配精选</p>
			<img src="imgs/images/da_39.png"/>
			<img src="imgs/images/da_41.png"/>
		</section>
		<!--<section class="one">
			<img src="img/images/kuku_03.png"/>
			<span><button>进入卖场</button></span>
		</section>-->
		
		<section class="cai">
			<dl class="dl-1">
				<dt><img src="imgs/images/da_44.png"/></dt>
				<dd>首页</dd>
			</dl>
			<dl class="dl-2">
				<dt><img src="imgs/images/da_46.png"/></dt>
				<dd>单品</dd>
			</dl>
			<dl class="dl-3">
				<dt><img src="imgs/images/da_48.png"/></dt>
				<dd>搭配</dd>
			</dl>
			<dl class="dl-4">
				<dt><img src="imgs/images/da_50.png"/></dt>
				<dd>帅吧</dd>
			</dl>
			<dl class="dl-5">
				<dt><img src="imgs/images/da_52.png"/></dt>
				<dd>我的</dd>
			</dl>
		</section>
		
		
		
		<script src="../Resources/js.js"></script>
		<script type="text/html" id="list">
			{{each list as v i}}
					<li>
						<img src="{{v.imgs}}"/>
						<p>{{v.font}}</p>
					</li>
			{{/each}}
		</script>

		<script>
			 $(function(){
            var _url = 'json/can.json';
            $.get(_url,function(res){
				console.log(res)
				var str = '';
				 var str = template("list", {list:res});	 
				 console.log(str);
				$('.twtw').html(str);
			});
         })
		</script>
		
		
		
		
	</body>
</html>
